html, body {
    height: 100%;
}

#box {
    /*三个属性集合使用,达到撑满剩余高度*/
    /*display: flex;*/
    /*flex-flow: column;*/
    width: 100%;
    height: 100%;
}

#box .box-header {
    height: 6%;
    width: 100%;
    background-color: rgb(23, 31, 46);
    display: flex; /*使子类div一行显示*/
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}
#box .box-header .header-title {
    width: 30%;
    height: 100%;
    color: white;
    font-weight: bold;
    font-size: 20px;
}
#box .box-header .header-title table{
    height: 80%;
}
#box .box-header .header-right {
    height: 100%;
    color: white;
    width: 50%;
    display: flex; /*使子类div一行显示*/
}
#box .box-header .header-right div a{
   color: white;
}

#box .box-header .header-right div{
    /*width: 100px;*/
    margin-left: 10%;
    height: 100%;
    font-size: 16px;
}
#box .box-header .header-right div table {
    width: 100%;
    height: 80%;
}

#box .box-subject {
    width: 100%;
    height: 94%;
    /*display: flex; !*使子类div一行显示*!*/
    /*overflow: hidden;*/
}